<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>07FLY-CRM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script type="text/javascript">
        document.write('<script src="../js/init.js?rd=?rd=' + Math.random() + '"><\/script>');
    </script>
    <!--css 加入-->
    <script type="text/javascript">
        link(['../css/mui.min.css', '../css/icons-extra.css', '../css/app.css'], true);
    </script>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title" id="title">CRM</h1>
</header>
<div class="mui-content">
    <div id="tabbar-with-chat" class="mui-control-content">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell notice">
                <a href="crm/notice.html" class="mui-navigate-right"> <span class="mui-badge mui-badge-danger"></span>企业公告</a>
            </li>
            <li class="mui-table-view-cell message">
                <a href="crm/message.html" class="mui-navigate-right"> <span class="mui-badge mui-badge-purple"></span>消息提醒</a>
            </li>
        </ul>
    </div>
    <div id="tabbar-with-crm" class="mui-control-content">
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="crm/cst_customer.html">
                    <span class="mui-icon mui-icon-contact"></span>
                    <div class="mui-media-body">我的客户</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="crm/cst_chance.html">
                    <span class="mui-icon mui-icon-eye"><span class="mui-badge">5</span></span>
                    <div class="mui-media-body">销售机会</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="crm/cst_trace.html">
                    <span class="mui-icon mui-icon-chatbubble"></span>
                    <div class="mui-media-body">跟踪记录</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="crm/cst_service.html">
                    <span class="mui-icon mui-icon-flag"></span>
                    <div class="mui-media-body">服务记录</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="crm/sal_contract.html">
                    <span class="mui-icon mui-icon-compose"></span>
                    <div class="mui-media-body">销售合同</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="crm/cst_linkman.html">
                    <span
                            class="mui-icon mui-icon-phone"></span>
                    <div class="mui-media-body">客户联系人</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="#">
                    <span class="mui-icon mui-icon-gear"></span>
                    <div class="mui-media-body">Setting</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="#">
                    <span class="mui-icon mui-icon-info"></span>
                    <div class="mui-media-body">about</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href="#">
                    <span class="mui-icon mui-icon-more"></span>
                    <div class="mui-media-body">more</div>
                </a>
            </li>
        </ul>
    </div>
    <div id="tabbar-with-map" class="mui-control-content">
        <ul class="mui-table-view">
            <li class="mui-table-view-cell"><a class="mui-navigate-right"> 新消息通知 </a></li>
            <li class="mui-table-view-cell"><a class="mui-navigate-right"> 隐私 </a></li>
            <li class="mui-table-view-cell"><a class="mui-navigate-right"> 通用 </a></li>
        </ul>
        <ul class="mui-table-view" style="margin-top: 25px;">
            <li class="mui-table-view-cell"><a class="mui-navigate-right"> 关于mui </a></li>
        </ul>
        <ul class="mui-table-view" style="margin-top: 25px;">
            <li class="mui-table-view-cell"><a style="text-align: center;color: #FF3B30;"> 退出登录 </a></li>
        </ul>
    </div>
</div>

<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="#tabbar-with-chat" id="chat">
        <span class="mui-icon  mui-icon-chatbubble-filled">
            <span class="mui-badge">0</span></span>
        <span class="mui-tab-label">消息</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-crm" id="crm">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">CRM</span> </a>
    <a class="mui-tab-item" href="#tabbar-with-map" id="map">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">设置</span>
    </a>
</nav>
</body>
<script type="text/javascript">
    script(['../js/mui.min.js', '../js/libs/common.js', '../js/main.js', '../js/index.js'], true);
</script>
</html>